<!doctype html>
<html lang="zh-cn">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <!--  -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
        rel="stylesheet">
    <!--  -->

    <link rel="stylesheet" href="./css/nav_.css">
    <title>某村-某县拼车</title>
</head>

<body>

    <!-- 这时是导航栏 -->
    <div id="navOne" style="background-color: #ABCDEF;">
        <span class="bi-chevron" onclick="window.history.back()">
            <svg class="bi bi-chevron-left" width="32px" height="32px" viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
                    clip-rule="evenodd" />
            </svg>
        </span>

        <span class="back" id='test' onclick="window.history.back()">Back</span>

        <span class="navBar" id='nav_bar'></span>

        <a href="./base_main.html?render=order" class="bi-house">
            <svg class="bi bi-house-fill" width="32px" height="32px" viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M8 3.293l6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd"
                    d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
                    clip-rule="evenodd" />
            </svg>
        </a>
    </div>
    <!-- 这时是导航栏 end-->



    <div id="content" style="margin: 0px; padding: 0px;">

    </div>







    <!-- 这时是底部导航栏 -->
    <div class="navBottom" style="background-color: #ABCDEF;">

        <div class="navBottom-btn">
            <a href="./base_main.html?render=add_dirver">
                <svg class="bi bi-cursor-fill bott-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"
                        clip-rule="evenodd" />
                </svg>

                <span class="navBottom-span">司机管理</span>
            </a>
        </div>

        <div class="navBottom-btn">
            <a href="./base_main.html?render=order">
                <svg class="bi bi-people-fill bott-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
                        clip-rule="evenodd" />
                </svg>

                <span class="navBottom-span">拼车定单</span>
            </a>
        </div>

        <div class="navBottom-btn">
            <a href="./base_main.html?render=order&jcdd=1">
                <svg class="bi bi-phone bott-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"
                        clip-rule="evenodd" />
                    <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
                </svg>

                <span class="navBottom-span">叫车定单</span>

            </a>

        </div>

        <div class="navBottom-btn" onclick="alert('暂未开放')">
            <svg class="bi bi-person-fill bott-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
                    clip-rule="evenodd" />
            </svg>

            <span class="navBottom-span">个人中心</span>
        </div>

    </div>

    <!-- 这里人个心上拉菜单 -->
    <div id="SL" hidden>

        <ul id='ul_sl'>
            <li><a href="">友情建议</a></li>
            <li><a id='xgmm' href="./base.html?render=phone_notify">修改密码</a></li>
            <li><a id="cxjl" href="./base.html?render=history">出行记录</a></li>
        </ul>

    </div>



    <!-- 这时是底部导航栏 end-->

    <div style="height: 60px;"></div>




    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>

    <!--  -->
    <div>
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment-with-locales.js"></script>
        <script
            src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    </div>
    <!--  -->
    <script src="./js/nav.js"></script>
    <script src="./js/jinja2.js"></script>

    <script>







        cxjl();//出行记录链接
        xgmm();



        var params = locationSearchToDict(location.search);//把链接参数变成字典类型

        if (params.render == 'order' && params.jcdd != 1) {
            Jinja2_false("./order.html");

            document.getElementById("nav_bar").innerHTML = '拼车订单';
            jinja2Order(0, 0, 0, 0);
            document.getElementById('changeDirection').onclick = function () { changeDirection_(0) };
            // document.getElementById('changeDirection').addEventListener('click' ,changeDirection_(0));
        } else if (params.render == 'order' && params.jcdd == 1) {

            Jinja2_false("./order.html");
            document.getElementById("nav_bar").innerHTML = '包车订单';
            jinja2Order(0, 0, 1, 0);
            document.getElementById('changeDirection').onclick = function () { changeDirection_(1) };


        } else if (params.render == 'order_detail') {

            Jinja2_false("./order_detail.html");
            orderDetail(params.orderID);//访问数据接口
            jinja2OrderDetailDriver();//渲染所有司机

            // var x = document.getElementById('inputState');

            // alert(x.value)
        } else if (params.render == 'add_dirver') {
            Jinja2_false('./add_dirver.html');
            jinja2AddDirver();
        }



        //时间组件

        $(function () {

            $('#datetimepicker1').datetimepicker({

                format: 'YYYY-MM-DD',

                locale: moment.locale('zh-cn')

            });

            $('#datetimepicker2').datetimepicker({

                format: 'YYYY-MM-DD HH:mm',

                locale: moment.locale('zh-cn')

            });

        });


    </script>


</body>

</html>